<template>
    <div>
        <div class="header">
          <p>{{grtp}}</p>
        </div>
        <div class="content">
          <p><b>膜法世家</b><span>编辑</span></p>
          <dl>
            <dt><img :src="tx" alt=""></dt>
            <dd><h5>膜法世家经典爆款组合</h5><p>粉黄色：均码</p><p><s class="f">￥ 98.00</s>￥188.88</p></dd>
          </dl>
          <div class="foonter">
           <div class='p'><span> 全选</span><span>合计</span><span>结算</span></div>
        </div>
        </div>
        
    <my-footer></my-footer>
    </div>
</template>
<script>
import MyFooter from '@/components/MyFooter'
export default {
  data () {
    return {
      grtp:"淘宝购物车",
      tx:('../../static/imggr/tx.png'),
      n:1
    }
  },
  components: {
      MyFooter
  }
}
</script>

<style scoped lang="less">
   .header{
     p{
       font-size: 20px;
       height: 40px;
       line-height: 40px;
     }
   } 
   .content{ 
     background: #ece8e8;
     height: 100vh;
     dl{
       display: flex;
       padding: 0 30px;
       height: 120px;
       background: #ece8e8;
       dt{
         display: flex;
         width: 100px;
         height: 100px;
         padding-right:10px; 
         img{
           width: 100%;
           height: 100%;
         }
       }
       dd{
         h5{
           font-size: 18px;
           color: #000;
         }
         u{
           float: left;
         }
         .f{
           color:red;
         }
       }
     }
     >p{
         height: 45px;
         line-height: 45px;
         padding: 0 25px;
         b{
           float: left;
         }
         span{
           float: right;
         }
       }
   }
   .foonter{
     >.p{
       padding: 0 15px;
       justify-content: space-between;
       position: fixed;
       bottom: 65px;
       span{
         
       }
     }
   }
</style>